<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>    	
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>登录</title>
<link rel="stylesheet" href="${ctx}/static/js/layui/css/layui.css">
<style type="text/css">
	body{
		background: url("${ctx}/static/img/bg.jpg");
	}
	.layui-form{
	    position: absolute;
	    width: 350px;
	    background-color: white;
	    height: 200px;
	    padding-right: 60px;
	    padding-top: 44px;
	    left: 50%;
	    right: 50%;
	    margin-left: -175px;
	    top: calc(50% - 100px);
	}
</style>
</head>
<body>
	<%-- <form action="login" method="post">
		用户名：<input name="username"><br> 密码：<input type="password"
			name="password"><br> <input type="submit" value="登录"><br>
		<font color="red">${msg }</font>
	</form> --%>

	<form class="layui-form" action="login">
		<div class="layui-form-item">
			<label class="layui-form-label">用户名：</label>
			<div class="layui-input-block">
				<input type="text" name="username" lay-verify="required"
					placeholder="请输入账号" autocomplete="off" class="layui-input">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">密码：</label>
			<div class="layui-input-block">
				<input type="password" name="password" lay-verify="required" placeholder="请输入密码" autocomplete="off"
					class="layui-input">
			</div>
		</div>
		<div class="layui-form-item">
			<label style="color: red; margin-left: 110px;">${msg}</label>
		</div>
		<div class="layui-form-item">
			<div class="layui-input-block">
				<button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
				<button type="reset" class="layui-btn layui-btn-primary">重置</button>
			</div>
		</div>
	</form>
	<script src="${ctx}/static/js/layui/layui.js"></script>
	<script>
		layui.use('form', function(){
		  var form = layui.form;
		  
		});
	</script>
</body>
</html>